<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <script src="echarts.js"></script> -->
    <script src="echarts.min.js"></script>
</head>

<body>
    <div id="main" style="width: 600px;height: 300px;">

    </div>
</body>
<script>

    var myEchart = echarts.init(document.getElementById("main"));
    var option;

    option = {
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
            name: '价格',
            nameLocation: 'middle',
            nameGap: 40,
        },
        yAxis: {
            type: 'value',
            name: '学校1',
            nameLocation: 'middle',
            nameGap: 35,
            show: true,
            axisLine: {
                show: true,
                symbol: ['arrow', 'arrow'],
                symbolOffset: ['-10', '12'],
                lineStyle: {
                    color: 'red',
                    type: 'dotted',
                    width: 4
                },



            },
            nameTextStyle: {
                width: 40,
                fontWeight: 'bolder',
                fontSize: 12
            },
            axisTick: {

            },
            axisLabel: {
                show: true,
                margin: 10,
                color: 'red',
                align: 'right',
                formatter: '{value}元'
            }


        },

        series: [
            {
                data: [150, 230, 224, 218, 135, 147, 260],
                type: 'line'
            }
        ]
    };

    option && myEchart.setOption(option);
</script>

</html>